<template>
  <div class="container">
    <!-- 体检项目 -->
    <div class="exam-project">
      <!-- <div class="exam-project-title">体检项目</div> -->
      <div class="exam-project-group">
        <div
          class="exam-project-item"
          v-for="item in projectList"
          :key="item.value"
          @click="goExamProjectPage(item)"
        >
          <div class="exam-project-item-title">{{ item.name }}</div>
          <uni-icons type="right" size="20"></uni-icons>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      // 学生
      // projectList: [
      //   {
      //     name: "内科",
      //     value: 1,
      //   },
      //   {
      //     name: "外科/五官科",
      //     value: 2,
      //   },
      //   {
      //     name: "视力",
      //     value: 3,
      //   },
      //   {
      //     name: "辨色力",
      //     value: 4,
      //   },
      //   {
      //     name: "身高体重胸围",
      //     value: 5,
      //   },
      //   {
      //     name: "血压脉搏",
      //     value: 6,
      //   },
      //   {
      //     name: "采血",
      //     value: 7,
      //   },
      //   {
      //     name: "放射线",
      //     value: 8,
      //   },
      // ],
      // 教职员工
      projectList: [
        {
          name: "外科",
          value: 2,
        },
        {
          name: "视力",
          value: 3,
        },
        {
          name: "身高体重胸围",
          value: 5,
        },
        {
          name: "血压脉搏",
          value: 6,
        },
        {
          name: "采血",
          value: 7,
        },
        {
          name: "放射线",
          value: 8,
        },
        {
          name: "心电",
          value: 9,
        },
        {
          name: "彩超",
          value: 10,
        },
        {
          name: "妇科",
          value: 11,
        },
      ],
      // 用户角色
      userRole: undefined,
    };
  },
  onLoad(args) {
    this.userRole = this.$store.state.user.roles;
    let rolesList = ["学生", "教职员工", "医护员工"];
    console.log("当前用户角色", rolesList[this.userRole - 1]);
  },
  methods: {
    /**
     * 跳转 开始体检项目 页面
     */
    goExamProjectPage(item) {
      uni.navigateTo({
        url: `/pages/examProject/index?projectId=${item.value}`,
      });
    },
  },
};
</script>

<style scoped>
.container {
  width: 100vw;
  height: 100%;
  background-color: #fff;
}

.exam-project-group {
  padding-top: 1rem;
  padding-left: 0.625rem;
}
.exam-project-title {
  padding: 1rem 0.825rem;
  font-weight: bold;
}
.exam-project-item {
  display: flex;
  justify-content: space-between;
  margin: 0.625rem;
  padding: 0.625rem;
  border-bottom: 1px solid #eee;
}
</style>